import styled from "styled-components";

export const AlbumWrapper = styled.div`

  position: relative;
  margin-bottom: 20px;
  .album-list {
    background: #f5f5f5;
    border: 1px solid #fff;
    margin-top: 20px;
    padding: 16px 25px;
    position: relative;

    .opt {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      height: 100%;
      transform: translateY(-50%);

      .btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
      }

      .prev {
        left: 8px;
      }
      .next {
        right: 8px;
      }
    }


    .page {
      display: flex !important;
      justify-content: space-between;
      align-items: center;
    }
  } 
`